<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>fast-admin</title>
    <link rel="shortcut icon" type="image/png" th:href="@{/img/favicon.ico}" />
    <link rel="stylesheet" th:href="@{css/login.css}" type="text/css">
    <link rel="stylesheet" th:href="@{css/iCheck/minimal/green.css}" type="text/css">
    <link rel="stylesheet" th:href="@{css/app.css}" type="text/css">
    <link rel="stylesheet" th:href="@{assets/css/min.css}" type="text/css">
    <!-- animate -->
    <link rel="stylesheet" th:href="@{css/animate/animate.min.css}" type="text/css">
    <script th:src="@{js/jquery.min.js}"></script>
    <script th:src="@{js/iCheck/icheck.js}"></script>
    <script th:src="@{js/bootstrap-notify/bootstrap-notify.min.js}"></script>
    <script th:src="@{js/common.js}"></script>
</head>
<style type="text/css">
    body{
        width: 100%;
        height:auto;
        background:url("img/login_screen1_bg.jpg") no-repeat;
        background-size: 100%;
    }
    .form-group .button {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .form-group button {
        display: block;
        border: 0;
        background-color: #0080ff;
        color: #fff;
        padding: 6px 0;
        font-size: 20px;
        border-radius: 6px;
    }
</style>
<body>
<!-- login-panel / -->
    <!-- Form-->
    <div class="form">
        <div class="form-panel one" style="margin-right: -30px;">
            <div class="form-header" style="margin-top: -20px;" align="center">
                <h1>Fast Admin Login</h1>
                <div style="height:1px; background-image:linear-gradient(to right,#0b1941,#ffffff,#0b1941)"></div>
            </div>
            <div class="form-content">
                <div class="form-group">
                    <input type="text" name="username"  placeholder="用户名"/>
                </div>
                <div class="form-group">
                    <input type="password" name="password" placeholder="密码"/>
                </div>
                <div class="form-group" style="display:inline-block">
                    <input type="text" name="code" style="width:48%;display:inline-block" placeholder="验证码"/>
                    <img data-th-src="@{gifCode}" id="validateCodeImg" onclick="reloadCode()" alt="点击刷新" style="border-radius: 3px;;cursor: pointer;float:right;display:inline-block;width: 155px;height: 45px;" />
                </div>
                <div class="form-group" style="margin: 0px;">
                    <p><input type="checkbox" name="rememberme" />&nbsp;&nbsp;记住账号</p>
                </div>
                <div class="form-group">
                    <button onclick="login()">登录</button>
                </div>
            </div>
        </div>
    </div>
    <div data-th-include="common/footer"></div>
</body>
<script th:inline="javascript">
	var ctx = [[@{/}]];
</script>
<script data-th-src="@{js/app/login.js}"></script>
</html>